<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="js/edgar.js"></script>
<title>LISTADO EDGAR</title>
</head>
<body>
<!-- estos son mis criterios de busqueda -->
<h1>Busqueda</h1>
<form id="frmBuscar" action="BuscarEdgar.action" method="post">
<!-- oculto de la pagina -->
<s:hidden id="paginaMostrar" name="paginaMostrar" />
<table>
	<tr>
		<td><s:textfield name="edgarDTO.codigo"  label="Codigo"/></td>
	</tr>
	<tr>
		<td><s:textfield name="edgarDTO.nombre"  label="Nombre"/></td>
	</tr>
	<tr >
		<td style="padding-top: 15px;">
	         <sj:a
	         	id="btnFrmBuscar"
				button="true"
				buttonIcon="ui-icon-search"
				>
				Buscar
			  </sj:a>
	         <sj:a
				button="true"
				buttonIcon="ui-icon-circle-plus"
				openDialog="dlgNuevoAlumno"
				href="dialogRegistrar.action"
				>
				Agregar
</sj:a>
		</td>
	</tr>
	
</table>
</form>
<br>
<hr>
<!-- 	MENSAJES -->
<s:actionmessage theme="jquery" cssClass="cincoPadding" />
<s:actionerror  theme="jquery" cssClass="cincoPadding"/>
<br>


<table id="tablaLista" border=1 >
	<thead>
		<tr>
			<td>ID</td>
			<td>Codigo</td>
			<td>Nombre</td>
			<td>Opciones</td>
		</tr>
	</thead>
	<tbody>
		
<!-- 		ACA EMPIEZA MI ITERACION -->
	<s:iterator value="listaEdgar">
		<tr>
			<td class="mstID"> <s:property  value="id" /></td>
			<td class="mstCodigo"> <s:property  value="codigo"  /> </td>
			<td class="mstNombre"> <s:property  value="nombre"  /> </td>
			<td >
				<sj:a button="true"
					  buttonIcon="ui-icon-pencil"
					  buttonText="false"
					  title="editar"
					  cssClass="btnsModificar"
					   id="%{id}_m"
				>
				ed
				</sj:a>
				<sj:a button="true"
					  buttonIcon="ui-icon-circle-minus"
					  buttonText="false"
					  title="eliminar"
					  
					  cssClass="btnsEliminar"
					  id="%{id}"
					  
					  
				>el
<!-- 				openDialog="dlgConfirmacion" -->
				</sj:a>
			</td>
		</tr>
	
	</s:iterator>
	


	
<!-- ACA TERMINA MI ITERACION -->
		
		
	</tbody>
</table>
<hr>
<!-- <paginado> -->
<s:iterator  status="stat" value="(cantidadPaginas).{ #this }">
		<s:if test="%{#stat.count==paginaMostrar}">
		<a class="btnsPaginacion" ><s:property value="#stat.count" /></a>
		</s:if>
		<s:elseif test="%{#stat.count!=paginaMostrar}">
	   	<sj:a
	   	button="true"
	   	cssClass="btnsPaginacion"
	   		   	
	  	 >
	  	 <s:property value="#stat.count"/>
	  	 </sj:a>
		</s:elseif>
	
	
	   
</s:iterator>

<br>
<!-- <a href="dialogRegistrar.action">Nuevo</a> -->


<!-- ESTOS SON LOS DIAGLOS -->

<sj:dialog
id="dlgNuevoAlumno"
title="NUEVO ALUMNO"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnRegistrarEdgar(); },
    		'Cancel':function() { fnCancelarRegistroEdgar(); } 
    		}" 
autoOpen="false"
>
.
</sj:dialog>

<sj:dialog
id="dlgConfirmacionEliminar"
title="CONFIRMACION"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnOkEliminar(); },
    		'Cancel':function() { fnCancelEliminar(); } 
    		}" 
autoOpen="false"
>
Esta seguro de realizar esta accion?
</sj:dialog>



<!-- DIALGO MODIFICAR, FIRECTAMENTE EN ESTA PAGINA -->
<sj:dialog
id="dlgModificarEdgar"
title="MODIFICAR EDGAR"
resizable="false"
modal="true"
buttons="{ 
    		'OK':function() { fnOkModificar(); },
    		'Cancel':function() { fnCancelModificar(); } 
    		}" 
autoOpen="false"
>
<h2>EDITAR ALUMNO</h2>
</sj:dialog>
<!-- ACA CREO LOS FORMULARIOS OCULTOS -->

<!-- OCULTO ELIMINAR -->
<form id="frmEliminarEdgar" method="post" action="EliminarEdgar.action">
<input type="hidden" id="txtIDEliminar" name="edgarDTOEliminar.id"/>
</form>

<!-- OCULTO MODIFICAR -->
<form id="frmModificarEdgar" action="AbrirModificarEdgar.action">
<input type="hidden" id="txtIDModificar" name="edgarDTOModificar.id"/>
</form>



</body>
</html>